1. Information Architect: Abi Jones
Client: SanDisk
Project: Life Moves Microsite
Deliverables: Wireframes and Interaction Design
2. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Home
1 3
NOTES
Sponsor ID
Site ID Tagline lorem ispum dolor dit amet 4
1. Site ID - The Site ID is a link to the home
Email Address Subscribe
page. Clicking it will refresh the screen.
2. Section Heading - Orients user, provides 2
frame of reference for the items on each portion
Page Heading Video title lorem ipsum
of the site. The site heading and the text
following that heading do not have associated
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum
actions. volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si
3. Sponsor ID - The sponsor ID provides a link peraque dure dicere credit eos.
5
to the main sponsor website. This link opens in 6
a new window.
Tutorial call to action
4. Subscription Form - If a user enters an Tutorial introductory
Festival Head
email address in the field and clicks 'Subscribe' text and call
that email address is added to Sandisk's list to action.
Festival call to action
without going to a new website.
5. Tutorial Call to Action - Clicking the tutorial
call to action loads a lightbox containing the
7
Video title lorem ipsum
tutorial element. There is no on-hover state for
this item. Video title lorem ipsum
6. Festival Call to Action - Clicking in the
Festival Call to action area opens the Festival
Home Page (on Youtube) in a new window/tab.
There is no on-hover state for this item.
7. Video - Each video plays within the shown
frame. Only one video can play at a time. If a
video is playing and a user clicks the play
button on another video, the initial video pauses 8
when the second video begins playing.
8. Product Information and Image - On
mouseover these items reveal product
information and a link to the product page on
Sandisk.com. This interaction is shown in the
next wireframe.
9
9. Links - This space is available for links and Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
legal information.
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 2 / 11
3. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Subscription Confirmation
1 3
NOTES
Sponsor ID
Site ID Tagline lorem ispum dolor dit amet 4
1. Site ID - The Site ID is a link to the home
You're subscribed to Sandisk Updates!
page. Clicking it will refresh the screen.
2. Section Heading - Orients user, provides 2
frame of reference for the items on each portion
Page Heading Video title lorem ipsum
of the site. The site heading and the text
following that heading do not have associated
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum
actions. volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si
3. Sponsor ID - The sponsor ID provides a link peraque dure dicere credit eos.
5
to the main sponsor website. This link opens in 6
a new window.
Tutorial call to action
4. Subscription Confirmation - Upon Tutorial introductory
Festival Head
subscribing this confirmation message appears. text and call
to action.
Festival call to action
5. Tutorial Call to Action - Clicking the tutorial
call to action loads a lightbox containing the
tutorial element. There is no on-hover state for
this item.
7
Video title lorem ipsum
6. Festival Call to Action - Clicking in the Video title lorem ipsum
Festival Call to action area opens the Festival
Home Page (on Youtube) in a new window/tab.
There is no on-hover state for this item.
7. Video - Each video plays within the shown
frame. Only one video can play at a time. If a
video is playing and a user clicks the play
button on another video, the initial video pauses
when the second video begins playing.
8
8. Product Information and Image - On
mouseover these items reveal product
information and a link to the product page on
Sandisk.com. This interaction is shown in the
next wireframe.
9. Links - This space is available for links and
9
legal information.
Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 3 / 11
4. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Product Rollover Interaction
NOTES
Sponsor ID
Site ID Tagline lorem ispum dolor dit amet
1. Product Information and Image - On
Email Address Subscribe
mouseover (over the product image or arrow
icon) these items reveal a heading, product
information and a link to the product page on
Sandisk.com.
Page Heading Video title lorem ipsum
1
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum Heading 4
volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si Lorem ipsum dolor sit amet
peraque dure dicere credit eos. consectateur nonummy lorenzino.
Interdum volgus videt, est ubi
peccat.
Tutorial call to action Learn more about product
Tutorial introductory
Festival Head
text and call
to action.
Festival call to action
Video title lorem ipsum
Video title lorem ipsum
Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 4 / 11
5. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Tutorial Lightbox
NOTES
Sponsor ID
Site ID Tagline lorem ispum dolor dit amet
Tutorial Lightbox - When a user clicks on the
Email Address Subscribe
active tutorial call to action a lightbox opens
with the tutorial video, information and a link to
the contest website.
Page Heading Video title lorem ipsum
The video does not autoplay.
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum
Users can exit the lightbox by clicking the X in
Tutorial Heading
volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
the top-right corner, clicking anywhere outside nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si
of the lightbox or pressing the Escape key on a peraque dure dicere credit eos.
keyboard.
Tutorial call to action
Tutorial introductory
Festival Head
text and call
to action.
Festival call to action
Video title lorem ipsum
Video title lorem ipsum
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus
videt, est ubi peccat. Si veteres ita miratur laudatque poetas.
Send this site to a friend
Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 5 / 11
6. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Tutorial Lightbox Selector
NOTES
Sponsor ID
Site ID Tagline lorem ispum dolor dit amet
Tutorial Lightbox Selector - After a user views
Email Address Subscribe
a tutorial this screen appears with the option to
play a video again, open the send to a friend
lightbox, or select one of the other tutorial
videos.
Page Heading Video title lorem ipsum
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum
Tutorial Heading
volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si
peraque dure dicere credit eos.
Tutorial call to action
Play ThisHead Again
Festival Video
Tutorial introductory
text and call
to action.
Festival call to action
Play Another Video:
Video title lorem ipsum
Video title lorem ipsum
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus
videt, est ubi peccat. Si veteres ita miratur laudatque poetas.
Send this site to a friend
Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 6 / 11
7. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Tutorial Lightbox Selector on Hover
NOTES
Sponsor ID
Site ID Tagline lorem ispum dolor dit amet
Tutorial Lightbox On Hover - This wireframe
Email Address Subscribe
shows the on hover behavior of the tutorial
video post-play.
Page Heading Video title lorem ipsum
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum
Tutorial Heading
volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si
peraque dure dicere credit eos.
Tutorial call to action
Play ThisHead Again
Festival Video
Tutorial introductory
text and call
to action.
Title of Videoaction
Festival call to
Appears Here
Video title lorem ipsum
Video title lorem ipsum
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus
videt, est ubi peccat. Si veteres ita miratur laudatque poetas.
Send this site to a friend
Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 7 / 11
8. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Send to a Friend
NOTES
Sponsor ID
Site ID
Send to a Friend Lightbox - When a user
Email Address Subscribe
clicks on the send to a friend link at the end of a
video, a relevant lightbox opens.
Users can exit the lightbox by clicking the X in
Page Heading Video title lorem ipsum
the top-right corner, clicking anywhere outside
Send To A Friend Headline
of the lightbox or pressing the Escape key on a
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum
keyboard. volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
nihil anteferat, nihil illis won't spam your friends disclaimer.
We comparet, errat. Si quaedam nimis antique, si
peraque dure dicere credit eos.
Your Name:*
Tutorial call to action
Tutorial introductory
Festival Head
Your Email Address:*
text and call
to action.
Festival call to action
A Note To Your Friend:
Video title lorem ipsum
Video title lorem ipsum
Friend's Name:*
Separate multiple entries with a comma. Maximum 5 entries.
Friend's Email Address:*
Separate multiple entries with a comma. Maximum 5 entries.
Ux743 Can't read this?
Enter Captcha Info:*
Send It
Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 8 / 11
9. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Send to a Friend Confirmation
NOTES
Sponsor ID
Site ID Tagline lorem ispum dolor dit amet
Send to a Friend Confirmation: When a user
Email Address Subscribe
successfully submits a Send to a Friend form,
this screen is shown briefly before revealing the
microsite.
Page Heading Video title lorem ipsum
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum
volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si
peraque dure dicere credit eos.
Tutorial call to action
Tutorial introductory
Send To AHead Confirmation Screen
Festival Friend
text and call
to action.
Festival call to action
Video title lorem ipsum
Video title lorem ipsum
Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 9 / 11
10. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | Legal Lightbox
NOTES
Sponsor ID
Site ID Tagline lorem ispum dolor dit amet
Legal Lightbox - When a user clicks on the
Email Address Subscribe
legal links at the bottom of the screen a
relevant lightbox opens. The lightbox includes
the necessary text plus links to the tutorial and
contest.
Page Heading Video title lorem ipsum
Terms and Conditions
Users can exit the lightbox by clicking the X in
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum
the top-right corner, clicking anywhere outside volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut
of the lightbox or pressing the Escape key on a nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si
Participation in the Sandisk Take More Video Contest implies acceptance of the
keyboard. peraque dure dicere credit eos.
Terms and Conditions of entry.
Due to constantly changing text in this screen,
Tutorial call to action
Loomis Group recommends that Sandisk uses
1. To enter the Sandisk Take More Video Contest, lorem ipsum dolor sit amet
a variable to dynamically load this content from Tutorial introductory
text and call consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veeres
Festival Head
their current website.
ita miratur laudatqu peotas, ut nihil anteferat.
to action.
Festival call to action
The less optimal option is to open the Terms
and Conditions link as a new window with the 2. Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus
Sandisk URL.
videt, est ubi peccat. Si veeres ita miratur laudatqu peotas, ut nihil anteferat.
Video title lorem ipsum
3. Proin mattis, mi nec porta elementum, velit dolor rhoncus leo, at fringilla nisi odio
Video title lorem ipsum
vitae dolor. Ut sagittis nulla vel odio. Suspendisse sit amet quam. Suspendisse
rutrum cursus nisi.
4. Aenean justo. Suspendisse et mauris. In hac habitasse platea dictumst. Ut nibh
metus, faucibus a, iaculis a, euismod vitae, tellus. Morbi orci mauris, viverra sed,
tincidunt eget, laoreet sit amet, felis. Nulla ante.
Tutorial Link | Alternate Link
Copyright Information | Send To A Friend Link Lorem ipsum dolor sit amet quid amet los
aptise nulavit vuo quadis. Em it amestia
Legal 1 | Legal 2 | Legal 3 emen pele amet sin tuodis.
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 10 / 11
11. SANDISK TAKE MORE VIDEO MICROSITE
VERSION 1 | TMV Website
SanDisk-TMV-Wireframes-v6.graffle | |
DOCUMENT CREATION DATE: Tue Jul 08 2008 MODIFIED: Sun Apr 26 2009 PAGE: 11 / 11